@CHARSET "UTF-8";
	
/*화면 전체 레이아웃 설정 */
body {
	width: 970px;
	/* 블럭요소 일 때만 가운데정렬 됨*/
	margin: 0 auto;
	
border: 1px solid red; 
}
/* 1. 스타일 초기 설정(공통 스타일) */
body{
	font-family:"나눔바른고딕";
}
ul{	
	list-style-type:none;
}

/*1-1. 링크설정 */
a:link{
	color:black;
	text-decoration:none;
}
	/*1-1-1.클릭한 링크 설정*/
	a:visited{
		color:black;
		text-decoration:none;
	}
	/*1-1-2.롤 오버 링크 설정*/
	a:hover{
		color:red;
		text-decoration:underline;
	}
	/*1-1-3.클릭 중 링크 설정 */
	a:active{
		text-decoration:underline;
	}
/* 1-2.수평선 태그 설정*/
.hr{
	color:navy;
	border:1px solid black;
	/*float속성제거*/
	clear:both;
}
/* 1-3.이미지 설정*/
/*이미지콘텐츠영역 클래스 이름: centerme, 가운데 정렬*/
.centerme{	
	margin:0 auto;
	display:block;
}
/*1-4. 저작권 정렬 */ 
.copy{
	text-align:center;
	margin:15px 0;
}


/* 2. 컨텐츠 영역 지정 */
header {
	/*일반적인 사이트 120~ 150*/
	height: 125px;
	/* border: 1px solid blue; */
}

#contents {
	/*내용이 있던 없던 최소 사이즈 지정 */
	min-height: 550px;
}

footer {
	height: 100px;
	/* border: 1px solid gold; */
}

/* 3. 상단 메뉴 영역*/
#nav{
	padding-bottom:10px;
}
#nav li{
	/* 배치 방향 변경 */
	float: left;
	/* li에 바깥여백 지정*/
	margin-left:100px; 
}